﻿@model AzureGames.Web.Models.DashboardViewModel
@{
    ViewBag.Title = "List";
}

<div id="games">
    <div id="game-list-content">
        @foreach (var game in Model.GameListViewModel.Games)
        {               
            <div class="wrapper">
                <div data-game-id="@game.ID" class="game section compact"> 
                    <div class="content">
                        <div class="header">
                            <div class="overlay"></div>
                            <div class="data-name" data-field="game-name">@game.Name</div>
                            <div class="glass"></div>
                        </div>
                        <div class="actions">
                         <a href="@Url.Action("Details", "Game", new { id = game.ID })" class="avatar" data-action="game-details-selected">
                                    <img src="@Url.Action("GetResource", new { resourceID = @game.GameImage, contentType = "image/png" })" alt="Amazons Summary" title="Photo" />
                                </a>
                           <div class="nav">
                                <a href="@Url.Action("Details", "Game", new { id = game.ID })" alt="Details" title="Details" data-action="game-details-selected">
                                    <div class="hover"></div>
                                    <div class="active"></div>
                                    <img alt="Details" src="@Url.Content("~/Content/command-details.png")" />
                                    <div class="glass"></div>
                                </a>
                                <a href="@Url.Action("Play", "Game", new { id = game.ID })" alt="Play Game" title="Play Game" data-action="game-playoptions-selected">
                                    <div class="hover"></div>
                                    <div class="active"></div>
                                    <img alt="Play" src="@Url.Content("~/Content/command-play.png")" />
                                    <div class="glass"></div>
                                </a>
                                <a href="@Url.Action("Extend", "Game", new { id = game.ID })" alt="Extend Game" title="Extend Game" data-action="game-extend-selected">
                                    <div class="hover"></div>
                                    <div class="active"></div>
                                    <img alt="Extend" src="@Url.Content("~/Content/command-extend.png")" />
                                    <div class="glass"></div>
                                </a>                              
                              </div>                               
                        </div>
                        <div class="footer"><span class="game-summary">@game.ShortDescription</span></div>
                       </div>
                </div>
            </div>
        }
</div>
</div>

